/**
 * @flow
 */

import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    TouchableOpacity,
    Image,
    Dimensions,
    ScrollView
} from 'react-native';
import CommonCell from './CommonCell';

const deviceWidth = Dimensions.get('window').width;

export default class More extends Component {
    static navigationOptions = {
        headerTitle:
            <View style={{height:1000,backgroundColor:'rgba(255,96,0,1.0)',flexDirection:'row',alignItems:'center',justifyContent:'space-between',width:Dimensions.get('window').width}}>
                <Text style={{color:'white',marginLeft:10}}>更多</Text>
                <TouchableOpacity><Image source={require('../image/icon_mine_setting.png')} style={{width:25,height:25,tintColor:'white',marginRight:10}}/></TouchableOpacity>
            </View>
    }
    
    render() {
        return (
            <ScrollView>
                <View style={{marginTop:10}}>
                    <CommonCell title='扫一扫'/>
                </View>
                <View style={{marginTop:10}}>
                    <CommonCell title='省流量模式' switchDisplay={true} switchValue={false}/>
                    <CommonCell title='fdfdf'/>
                    <CommonCell title='fdfdf'/>
                    <CommonCell title='fdfdf'/>
                    <CommonCell title='清空缓存' rightText="119Mddddddd"/>
                </View>
                <View style={{marginTop:10}}>
                    <CommonCell title='fdfdf'/>
                    <CommonCell title='fdfdf'/>
                    <CommonCell title='fdfdf'/>
                    <CommonCell title='fdfdf'/>
                    <CommonCell title='fdfdf'/>
                </View>
            </ScrollView>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    }
});
